<script setup lang="ts">
import {UserModel} from "@/interfaces/apiResponse.ts";
const userInfo:UserModel = myLocalStore().get('userInfo');
const user = ref<UserModel>(userInfo);
</script>

<template>
  <main class="member">
    <div class="left">
      <el-avatar shape="square" :size="180" :src="user?.avatar" />
    </div>
    <div class="right">
      right
    </div>
  </main>
</template>

<style lang="scss" scoped>
  main.member{
    @apply grid grid-cols-12 min-h-screen;
    div.left{
      @apply p-3 col-span-2 border-r border-rose-950;
    }
    div.right{
      @apply p-3 col-span-10;
    }
  }
</style>